<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="container">
        <h1>community</h1>
        <p>基于 leancloud 的小型论坛的参考实现。</p>
        <hr />
        <p>暂时只支持发表主题帖，不能发表回复；</p>
        <p>目前只支持匿名发帖和纯文本内容，后续会支持用户系统和发布有格式文本。</p>
        <hr />


        <h2>最近的讨论串如下：</h2>
        <p>点击蓝色的标题即可显示讨论串的内容。</p>
        <button id="refreshBtn">刷新</button>
        <button id="newConversationBtn">新建讨论串
        </button>
        <ul id="conversationList">


        </ul>

    </div>
    <div id="newConversationDialog" style="display: none;">
        <h2>新建讨论串</h2>

        标题：<input id="newConversationTitle" placeholder="讨论串标题">
        发起者：<input id="newConversationSender" placeholder="讨论串发起者">
        内容：<textarea id="newConversationContent" placeholder="讨论串内容"></textarea>
        <button id="publishConversationBtn">发布此讨论串</button>
        <button id="cancelPublishConversationBtn">取消发布</button>
    </div>
    <div id="viewConversationDialog" style="display: none;">
        <button id="closeViewConversationDialog">返回主页</button>
        <h2 id="viewConversationTitle"></h2>
        <span>发布者：<span id="viewConversationSender"></span></span>
        <hr />
        <div id="viewConversationContent">

        </div>

    </div>
    <script src="index.js"></script>
</body>

</html>